<template>
	<div id="phone">
		<swiper :bannerlist = "bannerlist"></swiper>
		<div class="view1">
			<img src="../../../assets/image/2018011316464243450.png" alt="" class="width_img">
			<ul>
				<li v-for="item in phoprod" class="mb-10" @click="linkToPage(item.href)">
					<img v-lazy="item.src" alt="" class="width_img">
					<div class="phoprod_tex">
						<p class="pl-10 fs-14">{{item.title}}</p>
						<p class="pl-10 fs-12">{{item.con}}</p>
						<p class="pl-10 fs-16">{{item.money | money}}</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import swiper from '../../../components/swiper/swiper'
	export default {
		name:"phone",
		data(){
			return {
				bannerlist:[],
				phoprod :[]
			}
		},
		components:{
			"swiper" : swiper
		},
		methods: {

		},	
		created(){
			this.$http.get("../../../mishop/static/itemJson/banner2.json").then(res => {
				this.bannerlist = res.body
			})
			this.$http.get("../../../mishop/static/itemJson/phoprod.json").then(res => {
				this.phoprod = res.body
			})
		},
	}
</script>

<style scoped>

</style>